<template>
	<div>
		<u-table ref="table" v-loading="loading" :data="value" row-key="ID" :use-virtual="useVirtual"
			v-bind="$props" v-on="$listeners">
			<slot name="SysCustomer.EnumSysCustomerTypeBefore"></slot>
			<slot name="SysCustomer.EnumSysCustomerType">
				<u-table-column prop="SysCustomer.EnumSysCustomerType" :label="comLan['Key']['SysCustomer']['EnumSysCustomerType']" width="80" align="center">
					<template v-slot="scope">
						<span v-html="getLabel(scope.row.SysCustomer.EnumSysCustomerType,EnumSysCustomerType)"></span>
					</template>
				</u-table-column>
			</slot>
			<slot name="SysCustomer.EnumSysCustomerTypeAfter"></slot>
			<slot name="SysCustomer.SysCustomerNameBefore"></slot>
			<slot name="SysCustomer.SysCustomerName">
				<u-table-column prop="SysCustomer.SysCustomerName" :label="comLan['Key']['SysCustomer']['SysCustomerName']" width="180" align="left"></u-table-column>
			</slot>
			<slot name="SysCustomer.SysCustomerNameAfter"></slot>
			<slot name="SysCustomer.PhoneBefore"></slot>
			<slot name="SysCustomer.Phone">
				<u-table-column prop="SysCustomer.Phone" :label="comLan['Key']['SysCustomer']['Phone']" width="80" align="left"></u-table-column>
			</slot>
			<slot name="SysCustomer.PhoneAfter"></slot>
			<slot name="SysCustomer.EnumStatusBefore"></slot>
			<slot name="SysCustomer.EnumStatus">
				<u-table-column prop="SysCustomer.EnumStatus" :label="comLan['Key']['SysCustomer']['EnumStatus']" width="50" align="center">
					<template v-slot="scope">
						<span v-html="getLabel(scope.row.SysCustomer.EnumStatus,EnumStatus)"></span>
					</template>
				</u-table-column>
			</slot>
			<slot name="SysCustomer.EnumStatusAfter"></slot>
			<slot name="SysCustomer.EnumSysCustomerSourceBefore"></slot>
			<slot name="SysCustomer.EnumSysCustomerSource">
				<u-table-column prop="SysCustomer.EnumSysCustomerSource" :label="comLan['Key']['SysCustomer']['EnumSysCustomerSource']" width="80" align="center">
					<template v-slot="scope">
						<span v-html="getLabel(scope.row.SysCustomer.EnumSysCustomerSource,EnumSysCustomerSource)"></span>
					</template>
				</u-table-column>
			</slot>
			<slot name="SysCustomer.EnumSysCustomerSourceAfter"></slot>
			<slot name="SysCustomer.EnumSysCustomerIntentionBefore"></slot>
			<slot name="SysCustomer.EnumSysCustomerIntention">
				<u-table-column prop="SysCustomer.EnumSysCustomerIntention" :label="comLan['Key']['SysCustomer']['EnumSysCustomerIntention']" width="80" align="center">
					<template v-slot="scope">
						<span v-html="getLabel(scope.row.SysCustomer.EnumSysCustomerIntention,EnumSysCustomerIntention)"></span>
					</template>
				</u-table-column>
			</slot>
			<slot name="SysCustomer.EnumSysCustomerIntentionAfter"></slot>
			<slot name="SysCustomer.EnumGenderBefore"></slot>
			<slot name="SysCustomer.EnumGender">
				<u-table-column prop="SysCustomer.EnumGender" :label="comLan['Key']['SysCustomer']['EnumGender']" width="50" align="center">
					<template v-slot="scope">
						<span v-html="getLabel(scope.row.SysCustomer.EnumGender,EnumGender)"></span>
					</template>
				</u-table-column>
			</slot>
			<slot name="SysCustomer.EnumGenderAfter"></slot>
			<slot name="SysCustomer.QualificationBefore"></slot>
			<slot name="SysCustomer.Qualification">
				<u-table-column prop="SysCustomer.Qualification" :label="comLan['Key']['SysCustomer']['Qualification']" width="50" align="center">
					<template v-slot="scope">
						<span v-html="getLabel(scope.row.SysCustomer.Qualification,Qualification)"></span>
					</template>
				</u-table-column>
			</slot>
			<slot name="SysCustomer.QualificationAfter"></slot>
			<slot name="CardTypeBefore"></slot>
			<slot name="CardType">
				<u-table-column prop="CardType" :label="keyLan['CardType']" width="470" align="left"></u-table-column>
			</slot>
			<slot name="CardTypeAfter"></slot>
			<slot name="IdCardBefore"></slot>
			<slot name="IdCard">
				<u-table-column prop="IdCard" :label="keyLan['IdCard']" width="65" align="left"></u-table-column>
			</slot>
			<slot name="IdCardAfter"></slot>
			<slot name="ReviewDateBefore"></slot>
			<slot name="ReviewDate">
				<u-table-column prop="ReviewDate" :label="keyLan['ReviewDate']" width="160" align="center">
					<template v-slot="scope">
						<span v-if="!!scope.row.ReviewDate">{{scope.row.ReviewDate | datetime}}</span>
					</template>
				</u-table-column>
			</slot>
			<slot name="ReviewDateAfter"></slot>
			<slot name="IdCardEndDateBefore"></slot>
			<slot name="IdCardEndDate">
				<u-table-column prop="IdCardEndDate" :label="keyLan['IdCardEndDate']" width="160" align="center">
					<template v-slot="scope">
						<span v-if="!!scope.row.IdCardEndDate">{{scope.row.IdCardEndDate | datetime}}</span>
					</template>
				</u-table-column>
			</slot>
			<slot name="IdCardEndDateAfter"></slot>
			<slot name="CreateSysEmployeeIDBefore"></slot>
			<slot name="CreateSysEmployeeID">
				<u-table-column prop="CreateSysEmployeeID" :label="keyLan['CreateSysEmployeeID']" width="80" align="right"></u-table-column>
			</slot>
			<slot name="CreateSysEmployeeIDAfter"></slot>
			<slot name="CreateDateBefore"></slot>
			<slot name="CreateDate">
				<u-table-column prop="CreateDate" :label="keyLan['CreateDate']" width="160" align="center">
					<template v-slot="scope">
						<span v-if="!!scope.row.CreateDate">{{scope.row.CreateDate | datetime}}</span>
					</template>
				</u-table-column>
			</slot>
			<slot name="CreateDateAfter"></slot>
			<slot name="RemarkBefore"></slot>
			<slot name="Remark">
				<u-table-column prop="Remark" :label="keyLan['Remark']" align="left"></u-table-column>
			</slot>
			<slot name="RemarkAfter"></slot>
			
		</u-table>
		<el-pagination v-if="showPage" :current-page="searchParent.index" :page-size="searchParent.size"
			:total="totalParent" @current-change="indexChangeParent" @size-change="sizeChangeParent"></el-pagination>
	</div>
</template>

<script>
	import common from "@/common/common.js";
	import js from "@/Partial/SysCustomerIdCard/js.js";
	export default {
		name: "SysCustomerIdCardListSelect",
		mixins: [common.baseVM, js]
	}
</script>
